<style scoped>
    .dayChose{margin-bottom: 10px;display: inline-block;}
    .dayChose>div{display: inline-block;}
    .dayChose .el-radio{margin-right: 10px;}
    .dayChose span{line-height: 24px;display: inline-block;padding: 0px 5px;}
    .dayChose .el-form-item{margin-bottom: 0px;margin-right: 0px;}
    .dayChose .el-date-editor.el-input{width:140px;}
    .dayChose  .el-select{width: 100px}
    .dayChose  .el-input{width: 100px}
</style>
<template>
    <div>
        <el-form :inline="true" :model="formInline" class="demo-form-inline" style="border-bottom:1px solid #ccc;">
            <!--维修站编号-->
            <el-form-item :label="nowLangue.maintenanceStationCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
            </el-form-item>
            <!--备件编码-->
            <el-form-item :label="nowLangue.spareCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
            </el-form-item>
            <!--备件条码-->
            <el-form-item :label="nowLangue.spareBarCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
            </el-form-item>
            <!--状态-->
            <el-form-item :label="nowLangue.status" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
            </el-form-item>
            <!--处理结果-->
            <el-form-item :label="nowLangue.dealResult" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
            </el-form-item>
            <!--产品线-->
            <el-form-item :label="nowLangue.productLine" class="selectMB10">
                <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                    <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                </el-select>
            </el-form-item>
            <!--非损代码-->
            <el-form-item :label="nowLangue.nonLossCode" class="selectMB10">
                <el-input size="mini" v-model="formInline.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
            </el-form-item>
            <!--是否标注非损-->
            <el-form-item :label="nowLangue.isSignNonLoss" class="selectMB10">
                <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                    <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                </el-select>
            </el-form-item>
            <!--非损处理模式-->
            <el-form-item :label="nowLangue.nonLossModule" class="selectMB10">
                <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                    <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                </el-select>
            </el-form-item>
            <!--是否虚假-->
            <el-form-item :label="nowLangue.isFalse" class="selectMB10">
                <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                    <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                </el-select>
            </el-form-item>
            <!--提交日期-->
            <div class="dayChose">
                <el-form-item :label="nowLangue.submitDate" class="selectMB10" >
                    <el-date-picker type="date" :editable="false" v-model="formInline.startCreateTime" clearable :placeholder="nowLangue.pleaseSelect" @change="selectedCreateTimeBegin"></el-date-picker>
                </el-form-item>
                <span v-text="nowLangue.to"></span>
                <el-form-item  class="selectMB10" style="margin-right:20px;">
                    <el-date-picker clearable :editable="false" v-model="formInline.endCreateTime"  type="date" :placeholder="nowLangue.pleaseSelect" @change="selectedCreateTimeEnd"></el-date-picker>
                </el-form-item>
            </div>
            <!--销账日期-->
            <div class="dayChose">
                <el-form-item :label="nowLangue.writeOffDate" class="selectMB10" >
                    <el-date-picker type="date" :editable="false" v-model="formInline.startCreateTime" clearable :placeholder="nowLangue.pleaseSelect" @change="selectedCreateTimeBegin"></el-date-picker>
                </el-form-item>
                <span v-text="nowLangue.to"></span>
                <el-form-item  class="selectMB10" >
                    <el-date-picker clearable :editable="false" v-model="formInline.endCreateTime"  type="date" :placeholder="nowLangue.pleaseSelect" @change="selectedCreateTimeEnd"></el-date-picker>
                </el-form-item>
            </div>
            <el-form-item class="selectMB10">
                <el-button class="bolder outsideBtnBS selectAll" :disabled="selectDisabled" size="mini" type="danger" v-text="nowLangue.query"></el-button>
            </el-form-item>
        </el-form>
        <!--表格-->
        <label class="default-label" v-text="nowLangue.RegisterDetails"><!--非损标准--></label>
        <el-button class="bolder outsideBtnBS" size="mini" type="danger" @click="createNew()" v-text="nowLangue.newAdd"><!--登记--></el-button>
        <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.leadOut"><!--导出--></el-button>
        <el-table :data="tableData" border style="width: 100%;" v-loading.body="loading" :element-loading-text="nowLangue.isLoading">
            <!--序-->
            <el-table-column type="index" header-align="center" align="center" :label="nowLangue.sequence" width="40"></el-table-column>
            <!--操作-->
            <el-table-column :label="nowLangue.operate" header-align="center" align="center" width="220">
                <template scope="scope">
                    <button class="operationItem bolder" @click="update(scope.$index,scope.row)" v-text="nowLangue.update"></button>
                    <button class="operationItem bolder" v-text="nowLangue.submit"></button>
                    <button class="operationItem bolder" v-text="nowLangue.delete"></button>
                    <button class="operationItem bolder" v-text="nowLangue.check"></button>
                    <button class="operationItem bolder" @click="appeal(scope.$index,scope.row)" v-text="nowLangue.appeal"></button>
                    <button class="operationItem bolder" @click="dealWith(scope.$index,scope.row)" v-text="nowLangue.dealWith"></button>
                </template>
            </el-table-column>
            <!--维修站-->
            <el-table-column prop="" :label="nowLangue.maintenanceStation" header-align="center" show-overflow-tooltip></el-table-column>
            <!--维修站编码-->
            <el-table-column prop="" :label="nowLangue.maintenanceStationCode" header-align="center" show-overflow-tooltip></el-table-column>
            <!--维修网点-->
            <el-table-column prop="" :label="nowLangue.maintenanceStationDot" header-align="center" show-overflow-tooltip></el-table-column>
            <!--产品线-->
            <el-table-column prop="" :label="nowLangue.productLine" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备件小类-->
            <el-table-column prop="" :label="nowLangue.spareClass" header-align="center" show-overflow-tooltip></el-table-column>
            <!--计划大类-->
            <el-table-column prop="" :label="nowLangue.planClass" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备件编码-->
            <el-table-column prop="" :label="nowLangue.spareCode" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备件名称-->
            <el-table-column prop="" :label="nowLangue.spareName" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备件条码-->
            <el-table-column prop="" :label="nowLangue.spareBarCode" header-align="center" show-overflow-tooltip></el-table-column>
            <!--维修单号-->
            <el-table-column prop="" :label="nowLangue.maintenanceCode" header-align="center" show-overflow-tooltip></el-table-column>
            <!--类型-->
            <el-table-column prop="" :label="nowLangue.type" header-align="center" show-overflow-tooltip></el-table-column>
            <!--状态-->
            <el-table-column prop="" :label="nowLangue.status" header-align="center" show-overflow-tooltip></el-table-column>
            <!--是否标注FS-->
            <el-table-column prop="" :label="nowLangue.isSignNonLoss" header-align="center" show-overflow-tooltip></el-table-column>
            <!--非损现象-->
            <el-table-column prop="" :label="nowLangue.nonLossPhenomenon" header-align="center" show-overflow-tooltip></el-table-column>
            <!--标准扣款金额-->
            <el-table-column prop="" :label="nowLangue.standredDebitMoney" header-align="center" show-overflow-tooltip></el-table-column>
            <!--运输及检验费-->
            <el-table-column prop="" :label="nowLangue.transfee" header-align="center" show-overflow-tooltip></el-table-column>
            <!--大区额度-->
            <el-table-column prop="" :label="nowLangue.largeAreaQuota" header-align="center" show-overflow-tooltip></el-table-column>
            <!--实际扣款金额-->
            <el-table-column prop="" :label="nowLangue.actullyDebitMoney" header-align="center" show-overflow-tooltip></el-table-column>
            <!--创建人-->
            <el-table-column prop="" :label="nowLangue.creator" header-align="center" show-overflow-tooltip></el-table-column>
            <!--创建时间-->
            <el-table-column prop="" :label="nowLangue.createTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--申诉内容-->
            <el-table-column prop="" :label="nowLangue.appealContent" header-align="center" show-overflow-tooltip></el-table-column>
            <!--申诉人-->
            <el-table-column prop="" :label="nowLangue.appealer" header-align="center" show-overflow-tooltip></el-table-column>
            <!--申诉时间-->
            <el-table-column prop="" :label="nowLangue.appealTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--销账时间-->
            <el-table-column prop="" :label="nowLangue.writeOffTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--非损处理模式-->
            <el-table-column prop="" :label="nowLangue.nonLossModule" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核人-->
            <el-table-column prop="" :label="nowLangue.examer" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核时间-->
            <el-table-column prop="" :label="nowLangue.examTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核结果-->
            <el-table-column prop="" :label="nowLangue.examResult" header-align="center" show-overflow-tooltip></el-table-column>
            <!--审核说明-->
            <el-table-column prop="" :label="nowLangue.examDescribe" header-align="center" show-overflow-tooltip></el-table-column>
            <!--响应时间-->
            <el-table-column prop="" :label="nowLangue.responseTime" header-align="center" show-overflow-tooltip></el-table-column>
            <!--备注-->
            <el-table-column prop="" :label="nowLangue.remarks" header-align="center" show-overflow-tooltip></el-table-column>
        </el-table>
        <!--新增弹窗-->
        <el-dialog :title="nowLangue.addRegister" :visible.sync="dialogAddVisible" :lock-scroll=false>
            <el-form :inline="true" :model="addForm" class="demo-form-inline label-minW95" style="border-bottom:1px solid #ccc;" ref="addForm">
                <!--创建人员-->
                <el-form-item :label="nowLangue.creator">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--创建时间-->
                <el-form-item :label="nowLangue.createTime">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <p>
                    <!--备件条码-->
                    <el-form-item :label="nowLangue.spareBarCode" prop="code" :rules="[{ required: true, message: nowLangue.pleaseImport}]">
                        <el-input size="mini" v-model="addForm.groupCode2"></el-input>
                    </el-form-item>
                </p>
                <!--维修站编号-->
                <el-form-item :label="nowLangue.maintenanceStationCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修网点-->
                <el-form-item :label="nowLangue.maintenanceStationDot">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件编码-->
                <el-form-item :label="nowLangue.spareCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件名称-->
                <el-form-item :label="nowLangue.spareName">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修单号-->
                <el-form-item :label="nowLangue.maintenanceCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--非损代码-->
                <p>
                    <el-form-item :label="nowLangue.nonLossCode" class="selectMB10">
                        <el-input size="mini" v-model="addForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损现象-->
                <p>
                    <el-form-item :label="nowLangue.nonLossPhenomenon" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="addForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损类型-->
                <el-form-item :label="nowLangue.nonLossType">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--标准扣款金额-->
                <el-form-item :label="nowLangue.standredDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--是否标注非损-->
                <el-form-item :label="nowLangue.isSignNonLoss" class="selectMB10">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                        <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                    </el-select>
                </el-form-item>
                <!--运输及检验费-->
                <el-form-item :label="nowLangue.transfee">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--大区额度-->
                <el-form-item :label="nowLangue.largeAreaQuota" class="selectMB10">
                    <el-input size="mini" v-model="addForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--实际扣款金额-->
                <el-form-item :label="nowLangue.actullyDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="addForm.groupCode2"></el-input>
                </el-form-item>
                <!--备注-->
                <p>
                    <el-form-item :label="nowLangue.remarks" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="addForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--附件及上传图片-->
                <el-form-item class="selectMB10" :label="nowLangue.andUploadImg">
                    <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.uploadImg"><!--上传图片--></el-button>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.sure"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.cancel"></el-button>
            </div>
        </el-dialog>
        <!--修改弹窗-->
        <el-dialog :title="nowLangue.updateRegister" :visible.sync="dialogUpdateVisible" :lock-scroll=false>
            <el-form :inline="true" :model="updateForm" class="demo-form-inline label-minW95" style="border-bottom:1px solid #ccc;" ref="updateForm">
                <!--创建人员-->
                <el-form-item :label="nowLangue.creator">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--创建时间-->
                <el-form-item :label="nowLangue.createTime">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <p>
                    <!--备件条码-->
                    <el-form-item :label="nowLangue.spareBarCode" prop="code" :rules="[{ required: true, message: nowLangue.pleaseImport}]">
                        <el-input size="mini" v-model="updateForm.groupCode2"></el-input>
                    </el-form-item>
                </p>
                <!--维修站编号-->
                <el-form-item :label="nowLangue.maintenanceStationCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修网点-->
                <el-form-item :label="nowLangue.maintenanceStationDot">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件编码-->
                <el-form-item :label="nowLangue.spareCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件名称-->
                <el-form-item :label="nowLangue.spareName">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修单号-->
                <el-form-item :label="nowLangue.maintenanceCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--非损代码-->
                <p>
                    <el-form-item :label="nowLangue.nonLossCode" class="selectMB10">
                        <el-input size="mini" v-model="updateForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损现象-->
                <p>
                    <el-form-item :label="nowLangue.nonLossPhenomenon" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="updateForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损类型-->
                <el-form-item :label="nowLangue.nonLossType">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--标准扣款金额-->
                <el-form-item :label="nowLangue.standredDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--是否标注非损-->
                <el-form-item :label="nowLangue.isSignNonLoss" class="selectMB10">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                        <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                    </el-select>
                </el-form-item>
                <!--运输及检验费-->
                <el-form-item :label="nowLangue.transfee">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--大区额度-->
                <el-form-item :label="nowLangue.largeAreaQuota" class="selectMB10">
                    <el-input size="mini" v-model="updateForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--实际扣款金额-->
                <el-form-item :label="nowLangue.actullyDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="updateForm.groupCode2"></el-input>
                </el-form-item>
                <!--备注-->
                <p>
                    <el-form-item :label="nowLangue.remarks" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="updateForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--附件及上传图片-->
                <el-form-item class="selectMB10" :label="nowLangue.andUploadImg">
                    <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.uploadImg"><!--上传图片--></el-button>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.sure"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.cancel"></el-button>
            </div>
        </el-dialog>
        <!--申诉弹窗-->
        <el-dialog :title="nowLangue.appealRegister" :visible.sync="dialogAppealVisible" :lock-scroll=false>
            <el-form :inline="true" :model="appealForm" class="demo-form-inline label-minW95" style="border-bottom:1px solid #ccc;" ref="appealForm">
                <!--创建人员-->
                <el-form-item :label="nowLangue.creator">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--创建时间-->
                <el-form-item :label="nowLangue.createTime">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <p>
                    <!--备件条码-->
                    <el-form-item :label="nowLangue.spareBarCode" prop="code" :rules="[{ required: true, message: nowLangue.pleaseImport}]">
                        <el-input size="mini" v-model="appealForm.groupCode2"></el-input>
                    </el-form-item>
                </p>
                <!--维修站编号-->
                <el-form-item :label="nowLangue.maintenanceStationCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修网点-->
                <el-form-item :label="nowLangue.maintenanceStationDot">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件编码-->
                <el-form-item :label="nowLangue.spareCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件名称-->
                <el-form-item :label="nowLangue.spareName">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修单号-->
                <el-form-item :label="nowLangue.maintenanceCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--非损代码-->
                <p>
                    <el-form-item :label="nowLangue.nonLossCode" class="selectMB10">
                        <el-input size="mini" v-model="appealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损现象-->
                <p>
                    <el-form-item :label="nowLangue.nonLossPhenomenon" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="appealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损类型-->
                <el-form-item :label="nowLangue.nonLossType">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--标准扣款金额-->
                <el-form-item :label="nowLangue.standredDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--是否标注非损-->
                <el-form-item :label="nowLangue.isSignNonLoss" class="selectMB10">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                        <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                    </el-select>
                </el-form-item>
                <!--运输及检验费-->
                <el-form-item :label="nowLangue.transfee">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--大区额度-->
                <el-form-item :label="nowLangue.largeAreaQuota" class="selectMB10">
                    <el-input size="mini" v-model="appealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--实际扣款金额-->
                <el-form-item :label="nowLangue.actullyDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--备注-->
                <p>
                    <el-form-item :label="nowLangue.remarks" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="appealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--附件及上传图片-->
                <el-form-item class="selectMB10" :label="nowLangue.andUploadImg">
                    <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.checkImg"><!--上传图片--></el-button>
                </el-form-item>
                <!--非损申诉-->
                <p>
                    <el-form-item :label="nowLangue.nonLossAppeal" class="selectMB10" style="color: rgb(44, 62, 80);font-weight:900;"></el-form-item>
                </p>
                <!--申诉人员-->
                <el-form-item :label="nowLangue.appealer">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--申诉时间-->
                <el-form-item :label="nowLangue.appealTime">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--申诉内容-->
                <p>
                    <el-form-item :label="nowLangue.appealContent" class="selectMB10 default-flex">
                        <el-input type="textarea" :rows="3" resize="none" v-model="formInline.materialName"></el-input>
                    </el-form-item>
                </p>
                <!--非损处理模式-->
                <el-form-item :label="nowLangue.nonLossModule" class="selectMB10">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                        <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.sure"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.cancel"></el-button>
            </div>
        </el-dialog>
        <!--处理弹窗-->
        <el-dialog :title="nowLangue.dealRegister" :visible.sync="dialogDealVisible" :lock-scroll=false>
            <el-form :inline="true" :model="dealForm" class="demo-form-inline label-minW95" style="border-bottom:1px solid #ccc;" ref="dealForm">
                <!--创建人员-->
                <el-form-item :label="nowLangue.creator">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--创建时间-->
                <el-form-item :label="nowLangue.createTime">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <p>
                    <!--备件条码-->
                    <el-form-item :label="nowLangue.spareBarCode" prop="code" :rules="[{ required: true, message: nowLangue.pleaseImport}]">
                        <el-input size="mini" v-model="dealForm.groupCode2"></el-input>
                    </el-form-item>
                </p>
                <!--维修站编号-->
                <el-form-item :label="nowLangue.maintenanceStationCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修网点-->
                <el-form-item :label="nowLangue.maintenanceStationDot">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件编码-->
                <el-form-item :label="nowLangue.spareCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--备件名称-->
                <el-form-item :label="nowLangue.spareName">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--维修单号-->
                <el-form-item :label="nowLangue.maintenanceCode">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--非损代码-->
                <p>
                    <el-form-item :label="nowLangue.nonLossCode" class="selectMB10">
                        <el-input size="mini" v-model="dealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损现象-->
                <p>
                    <el-form-item :label="nowLangue.nonLossPhenomenon" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="dealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--非损类型-->
                <el-form-item :label="nowLangue.nonLossType">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--标准扣款金额-->
                <el-form-item :label="nowLangue.standredDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--是否标注非损-->
                <el-form-item :label="nowLangue.isSignNonLoss" class="selectMB10">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                        <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                    </el-select>
                </el-form-item>
                <!--运输及检验费-->
                <el-form-item :label="nowLangue.transfee">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--大区额度-->
                <el-form-item :label="nowLangue.largeAreaQuota" class="selectMB10">
                    <el-input size="mini" v-model="dealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                </el-form-item>
                <!--实际扣款金额-->
                <el-form-item :label="nowLangue.actullyDebitMoney">
                    <el-input size="mini" class="disabledClick" disabled v-model="dealForm.groupCode2"></el-input>
                </el-form-item>
                <!--备注-->
                <p>
                    <el-form-item :label="nowLangue.remarks" class="selectMB10 default-flex">
                        <el-input size="mini" v-model="dealForm.materialName" :placeholder="nowLangue.pleaseImport"></el-input>
                    </el-form-item>
                </p>
                <!--附件及上传图片-->
                <el-form-item class="selectMB10" :label="nowLangue.andUploadImg">
                    <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.checkImg"><!--上传图片--></el-button>
                </el-form-item>
                <!--非损申诉-->
                <p>
                    <el-form-item :label="nowLangue.nonLossAppeal" class="selectMB10" style="color: rgb(44, 62, 80);font-weight:900;"></el-form-item>
                </p>
                <!--申诉人员-->
                <el-form-item :label="nowLangue.appealer">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--申诉时间-->
                <el-form-item :label="nowLangue.appealTime">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--申诉内容-->
                <p>
                    <el-form-item :label="nowLangue.appealContent" class="selectMB10 default-flex">
                        <el-input type="textarea" :rows="3" resize="none" v-model="formInline.materialName"></el-input>
                    </el-form-item>
                </p>
                <!--非损处理模式-->
                <el-form-item :label="nowLangue.nonLossModule" class="selectMB10">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                        <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                    </el-select>
                </el-form-item>
                <!--非损处理-->
                <p>
                    <el-form-item :label="nowLangue.nonLossDeal" class="selectMB10" style="color: rgb(44, 62, 80);font-weight:900;"></el-form-item>
                </p>
                <!--处理人员-->
                <el-form-item :label="nowLangue.dealer">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--处理时间-->
                <el-form-item :label="nowLangue.dealTime">
                    <el-input size="mini" class="disabledClick" disabled v-model="appealForm.groupCode2"></el-input>
                </el-form-item>
                <!--处理结果-->
                <el-form-item :label="nowLangue.dealResult" class="selectMB10">
                    <el-select size="mini" clearable :placeholder="nowLangue.pleaseSelect" v-model="formInline.categoryCode">
                        <el-option v-for="(subClass,index) in spareClassList" :key="index" :label="subClass.name" :value="subClass.code"></el-option>
                    </el-select>
                </el-form-item>
                <!--处理说明-->
                <p>
                    <el-form-item :label="nowLangue.dealDescribe" class="selectMB10 default-flex">
                        <el-input type="textarea" :rows="3" resize="none" v-model="formInline.materialName"></el-input>
                    </el-form-item>
                </p>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.sure"></el-button>
                <el-button class="bolder outsideBtnBS" size="mini" type="danger" v-text="nowLangue.cancel"></el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                language:{
                    zh:{
                        "maintenanceStation":"维修站",
                        "maintenanceStationCode":"维修站编号",
                        "maintenanceStationDot":"维修站网点",
                        "spareCode":"备件编码",
                        "spareBarCode":"备件条码",
                        "spareName":"备件名称",
                        "status":"状态",
                        "dealResult":"处理结果",
                        "productLine":"产品线",
                        "planClass":"计划大类",
                        "spareClass":"备件小类",
                        "nonLossCode":"非损代码",
                        "isSignNonLoss":"是否标注非损",
                        "nonLossModule":"非损处理模式",
                        "isFalse":"是否虚假",
                        "submitDate":"提交日期",
                        "writeOffDate":"销账日期",
                        "writeOffTime":"销账时间",
                        "pleaseSelect":"请选择",
                        "pleaseImport":"请输入",
                        "to":"至",
                        "query":"查询",
                        "newAdd":"登记",
                        "update":"修改",
                        "delete":"删除",
                        "submit":"提交",
                        "check":"查看",
                        "appeal":"申诉",
                        "dealWith":"处理",
                        "leadOut":"导出",
                        "isLoading":"正在拼命加载中",
                        "sequence":"序",
                        "operate":"操作",
                        "RegisterDetails":"非损信息列表",
                        "addRegister":"创建非损记录",
                        "updateRegister":"修改非损记录",
                        "appealRegister":"非损记录申诉",
                        "dealRegister":"非损记录处理",
                        "sure":"确定",
                        "cancel":"取消",
                        "maintenanceCode":"维修单号",
                        "creator":"创建人员",
                        "createTime":"创建时间",
                        "type":"类型",
                        "nonLossPhenomenon":"非损现象",
                        "standredDebitMoney":"标准扣款金额",
                        "actullyDebitMoney":"实际扣款金额",
                        "transfee":"运输及检验费",
                        "largeAreaQuota":"大区额度",
                        "appealContent":"申诉内容",
                        "appealer":"申诉人员",
                        "appealTime":"申诉时间",
                        "examer":"审核人",
                        "examTime":"审核时间",
                        "examResult":"审核结果",
                        "examDescribe":"审核描述",
                        "responseTime":"响应时间",
                        "remarks":"备注",
                        "nonLossType":"非损类型",
                        "uploadImg":"上传图片",
                        "andUploadImg":"附件及上传图片",
                        "checkImg":"查看图片",
                        "nonLossAppeal":"非损申诉",
                        "nonLossDeal":"非损处理",
                        "dealer":"处理人员",
                        "dealTime":"处理时间",
                        "dealDescribe":"处理说明"
                    },
                    en:{
                        "maintenanceStation":"maintenanceStation",
                        "maintenanceStationCode":"maintenanceStation",
                        "maintenanceStationDot":"maintenanceStation",
                        "spareCode":"spareCode",
                        "spareBarCode":"spareBarCode",
                        "spareName":"spareName",
                        "status":"status",
                        "dealResult":"dealResult",
                        "productLine":"productLine",
                        "planClass":"planClass",
                        "spareClass":"spareClass",
                        "nonLossCode":"nonLossCode",
                        "isSignNonLoss":"isSignNonLoss",
                        "nonLossModule":"nonLossModule",
                        "isFalse":"isFalse",
                        "submitDate":"submitDate",
                        "writeOffDate":"writeOffDate",
                        "writeOffTime":"writeOffTime",
                        "pleaseSelect":"pleaseSelect",
                        "pleaseImport":"pleaseImport",
                        "to":"to",
                        "query":"query",
                        "newAdd":"newAdd",
                        "update":"update",
                        "delete":"delete",
                        "submit":"submit",
                        "check":"check",
                        "appeal":"appeal",
                        "dealWith":"dealWith",
                        "leadOut":"leadOut",
                        "isLoading":"isLoading",
                        "sequence":"sequence",
                        "operate":"operate",
                        "RegisterDetails":"RegisterDetails",
                        "addRegister":"addRegister",
                        "updateRegister":"updateRegister",
                        "appealRegister":"appealRegister",
                        "dealRegister":"dealRegister",
                        "sure":"sure",
                        "cancel":"cancel",
                        "maintenanceCode":"maintenanceCode",
                        "creator":"creator",
                        "createTime":"createTime",
                        "type":"type",
                        "nonLossPhenomenon":"nonLossPhenomenon",
                        "standredDebitMoney":"standredDebitMoney",
                        "actullyDebitMoney":"actullyDebitMoney",
                        "transfee":"transfee",
                        "largeAreaQuota":"largeAreaQuota",
                        "appealContent":"appealContent",
                        "appealer":"appealer",
                        "appealTime":"appealTime",
                        "examer":"examer",
                        "examTime":"examTime",
                        "examResult":"examResult",
                        "examDescribe":"examDescribe",
                        "responseTime":"responseTime",
                        "remarks":"remarks",
                        "nonLossType":"nonLossType",
                        "uploadImg":"uploadImg",
                        "andUploadImg":"andUploadImg",
                        "checkImg":"checkImg",
                        "nonLossAppeal":"nonLossAppeal",
                        "nonLossDeal":"nonLossDeal",
                        "dealer":"dealer",
                        "dealTime":"dealTime",
                        "dealDescribe":"dealDescribe"
                    }
                },
                nowLangue:{},

                formInline:{},
                tableData:[{
                    name:"111"
                }],

                dialogAddVisible:false,//新建弹窗
                addForm:{},//新建查询表单

                dialogUpdateVisible:false,//修改弹窗
                updateForm:{},//修改表单

                dialogAppealVisible:false,//申诉弹窗
                appealForm:{},//申诉表单

                dialogDealVisible:false,//处理弹窗
                dealForm:{},//处理表单

                //按钮禁用
                selectDisabled:false,
            };
        },
        created:function(){
            var _this=this;
            _this.languageType=="zh"?_this.nowLangue=_this.language.zh:_this.nowLangue=_this.language.en;
        },
        computed:{
            languageType(){
                return this.$store.state.languageType;
            }
        },
        watch:{
            languageType(){
                var _this=this;
                _this.languageType=="zh"?_this.nowLangue=_this.language.zh:_this.nowLangue=_this.language.en;
            }
        },
        //进入页面立即运行此方法
        mounted: function () {
            var _this = this;
            _this.$store.commit('currentActive', 'NonLossRegister');
        },
        methods:{
            //新增
            createNew(){
                this.dialogAddVisible=true;
            },
            // 修改
            update(index,row){
                this.dialogUpdateVisible=true;
            },
            appeal(){
                this.dialogAppealVisible=true;
            },
            dealWith(){
                this.dialogDealVisible=true;
            }
        }
    }
</script>







